<template>
   <div class="myfooter">
     <!-- 上层 -->
     <div class="up">
      <div class="between">
        <!-- 底栏左侧 -->
          <div class="footer-left">          
              <div>
                 <!-- 咨询热线 -->
                 <div class="consult">
                   <img src="/img/end/pcTel.png" alt="">
                   <div>
                     <p>咨询热线</p>
                     <p>400 6771 666</p>
                     <p>周一至周日：9:00-18:00</p>
                   </div>
                 </div>
                 <!-- 商务合作 -->
                 <div class="business">
                   <!-- 邮箱和地址 -->
                    <div class="email">
                       <img src="/img/end/pcMail.png" alt="">
                       <div>
                         <strong>商务合作邮箱</strong>
                         <p>BD@xhg.com</p>
                       </div>
                    </div>
                    <div class="address">
                       <img src="/img/end/pcAddr.png" alt="">
                       <div>
                         <strong>总部地址</strong>
                         <p>北京市朝阳区恒通商务园B36栋 A座206</p>
                          <p>东莞市南城街道莞太路111号民间金融大厦2号楼17楼</p>
                       </div>
                    </div>
                 </div>
              </div>
          </div>
          <!-- 底栏右侧 -->
          <div class="footer-right">
              <div>
                 <img src="/img/end/wxCode2.png" alt="">
                 <p>微信订阅号</p>
              </div>
              <div>
                 <img src="/img/end/wxCode1.png" alt="">
                 <p>微信服务号</p>
              </div>
              <div>
                 <img src="/img/end/xiaochengxu.jpg" alt="">
                 <p>微信小程序</p>
              </div>
              <div>
                 <img src="/img/end/appCode.png" alt="">
                 <p>手机APP下载</p>
              </div>
          </div>
      </div>
    </div>
    <!-- 下层 -->
    <div class="down">
       <p>2020 版权所有 © 小黄狗环保科技有限公司 粤ICP备18028276号-1</p>
    </div>
   </div>
</template>
<style lang="scss">
    .myfooter{
      background-color: #fcfcfc;
      .up{//上层
        .between{
           width: 1200px;
           height: 255px;
           margin:0 auto;
           .footer-left{//左边
                width: 600px;
                padding-top:55px;
                // height: 65px;
              .consult{//热线咨询
                padding-top: 16px;
                height: 120px;
                width: 240px;
                float: left;
                img{
                  width: 37px;
                  height: 37px;
                  display: block;
                  float: left;
                  margin-right: 15px;
                }
                >div{
                  float: left;
                  :nth-child(1){
                    font-weight: 800;
                    font-size: 12px;
                    color: #333;
                  }
                  :nth-child(2){
                    font-size: 24px;
                    color: #333;
                    font-weight: 900;
                  }
                  :nth-child(3){
                    font-size: 12px;
                    color: #7f8080;
                    font-weight: 400px;
                    margin-top: 15px;
                  }
                }
              }
              .business{//商务合作
                height: 120px;
                width: 320px;
                float: left;
                overflow: hidden;
                padding-left: 30px;
                padding-top: 16px;
                border-left: 1px solid #EEEEEE;
                .email{
                  height: 35px;
                  img{
                  width:14px;
                  height: 10px;
                  margin-right: 5px;
                  display: block;
                  float: left;
                  }
                  >div{
                     font-size: 12px;
                     color:#333;
                     float: left;
                  }
                }
                .address{
                  height: 52px;
                  margin-top: 30px;
                  padding-bottom: 24px;
                  img{
                  width:14px;
                  display: block;
                  margin-right: 5px;
                  float: left;
                  }
                  >div{
                     font-size: 12px;
                     color:#333;
                     float: left;
                  }
                }
            }  
           }
           .footer-right{//右边
           float: right;
             width:540px;
             height: 138px;
             
             >div{
               width:110px;
               float: right;
               margin-left: 25px;
               img{
                 width: 110px;
                 height: 110px;
               }
               p{
                 text-align: center;
               }
             }
           }
        }
      }
      .down{//下层
        height: 70px;
        background-color: #f4f5f6;
        p{
          height: 70px;
          line-height: 70px;
          text-align: center;
        }
      }
    }
</style>